<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    div{
      width: 100px;
      height: 100px;
      border:1px solid red;
      /*设置超出部分的显示效果
       visible 显示(默认)
       hidden 隐藏
       scroll 滚动显示 */
      overflow: hidden;
    }
    img{
      /*行内元素垂直方式: top,middle,bottom,baseline基线对齐*/
      vertical-align: bottom;
    }
  </style>

</head>
<body>
<input type="text"><img src="../b.jpg" width="100" alt="">
<div>
  <img src="../b.jpg" alt="">
</div>
</body>
</html>